<template>
    <el-tabs v-model="activeName" size="small">
        <el-tab-pane v-for="tab in tabList" :key="tab.value" :label="tab.label" :name="tab.value"> </el-tab-pane>
        <auditPage :audit-status="activeName"></auditPage>
    </el-tabs>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue';
import auditPage from './AuditPage.vue';
import { TabType } from './houseManageType.ts';

const activeName = ref<string>('3');
const tabList = reactive<TabType[]>([
    { label: '通过', value: '3' },
    { label: '审核中', value: '1' },
    { label: '拒绝', value: '2' },
    { label: '草稿箱', value: '4' },
]);
</script>

<style lang="scss" scoped>
// .tab-pane {
//         :deep(.el-tabs__item){
//             font-size: 16px;
//         }
//         :deep(.el-tabs__header){
//             margin:0 0 24px 0;
//         }
//     }
</style>
